import React from 'react'
import style from './index.module.css'
import banner from '../../img/xq-2.png'
import Nabar from '../Nabar'
import xq3 from '../../img/xq-3.png'

function Xq3() {
  return (
    <div className={style.page}>
      <div>
        <Nabar title='抗板药物怎么选' sticky={false} />
      </div>
      {/* 顶部图文横幅 */}
      <div className={style.bannerWrap}>
        <img src={banner} alt='' className={style.banner} />
      </div>
     
      {/* 导语卡片 */}
      <div className={style.card}>
        <div className={style.badgeTitle}>赶紧看过来！</div>
        <p className={style.p}>慢性肾病（CKD）具有患病率高、知晓率低、预后差和医疗费用高等特点，是全球性的公共卫生问题。</p>
        <div style={{display:'flex'}}>
          <img src={xq3} alt='' className={style.img} />
          <p className={style.pMuted}>横断面流行病学调查显示，约每10个成年人中就有1个患有慢性肾病。</p>
        </div>
        
      </div>
      <div className={style.paragraphCard}>
         <div className={style.titleStrip}>慢性肾病与冠心病、卒中息息相关，互相影响</div>
        <p className={style.paragraph}>冠心病和卒中是慢性肾病的两大危险因素。中国一项大规模前瞻分析显示，随着冠心病和卒中的既往史人数、肾功能的显著恶化，慢性肾病的患病风险分别增加1.32倍和1.37倍。另一方面，慢性肾病患者也增加不良心脑血管事件的发生，如图所示，与无慢性肾病的人相比，有慢性肾病的患者肾功能下降（eGFR&lt;60ml/min/1.73㎡ 和/或 白蛋白尿(UACR&gt;30mg/g)）更容易发生卒中、心肌梗死或死亡。</p>
        <div className={style.figure}>
          <img src={xq3} alt='' />
          <div className={style.figcaption}>图1：慢性肾病与不良心脑血管事件之间的关联</div>
        </div>
      </div>
          <div className={style.paragraphCard}>
         <div className={style.titleStrip}>慢性肾病与冠心病、卒中息息相关，互相影响</div>
        <p className={style.paragraph}>冠心病和卒中是慢性肾病的两大危险因素。中国一项大规模前瞻分析显示，随着冠心病和卒中的既往史人数、肾功能的显著恶化，慢性肾病的患病风险分别增加1.32倍和1.37倍。另一方面，慢性肾病患者也增加不良心脑血管事件的发生，如图所示，与无慢性肾病的人相比，有慢性肾病的患者肾功能下降（eGFR&lt;60ml/min/1.73㎡ 和/或 白蛋白尿(UACR&gt;30mg/g)）更容易发生卒中、心肌梗死或死亡。</p>
        <div className={style.figure}>
          <img src={xq3} alt='' />
          <div className={style.figcaption}>图1：慢性肾病与不良心脑血管事件之间的关联</div>
        </div>
      </div>
          <div className={style.paragraphCard}>
         <div className={style.titleStrip}>慢性肾病与冠心病、卒中息息相关，互相影响</div>
        <p className={style.paragraph}>冠心病和卒中是慢性肾病的两大危险因素。中国一项大规模前瞻分析显示，随着冠心病和卒中的既往史人数、肾功能的显著恶化，慢性肾病的患病风险分别增加1.32倍和1.37倍。另一方面，慢性肾病患者也增加不良心脑血管事件的发生，如图所示，与无慢性肾病的人相比，有慢性肾病的患者肾功能下降（eGFR&lt;60ml/min/1.73㎡ 和/或 白蛋白尿(UACR&gt;30mg/g)）更容易发生卒中、心肌梗死或死亡。</p>
        <div className={style.figure}>
          <img src={xq3} alt='' />
          <div className={style.figcaption}>图1：慢性肾病与不良心脑血管事件之间的关联</div>
        </div>
      </div>
      {/* 关键点块：冠心病/卒中相互影响 */}
      <div className={style.section}>
        <div className={style.sectionHeader}>慢性肾病与冠心病、卒中息息相关，互相影响</div>
        <div className={style.grid2}>
          <div className={style.kpiBox}>
            <div className={style.kpi}>抗血小板</div>
            <div className={style.kpiDesc}>常见需抗血小板/抗栓治疗</div>
          </div>
          <div className={style.kpiBox}>
            <div className={style.kpi}>氯吡格雷</div>
            <div className={style.kpiDesc}>为抗栓常选药物之一</div>
          </div>
        </div>
      </div>
      {/* 提示 */}
      <div className={style.calloutGreen}>
        <div className={style.calloutText}>阿司匹林无法明显改善慢性肾病患者的认知预后，且显著增加出血风险</div>
      </div>
      {/* 结尾留白（可扩展更多内容段落） */}
      <div className={style.footerGap} />
    </div>
  )
}
export default Xq3